//定义食物的类
class Food{
    //定义一个属性表示食物的元素
    element:HTMLElement;
    constructor(){
        this.element=document.getElementById('food')!;
    }

    //获取食物的X轴坐标
    get X(){
        return this.element.offsetLeft;
    }
    //获取食物的Y轴坐标
    get Y(){
        return this.element.offsetTop;
    }

    //修改食物的位置
    change(){
        /* 生成一个随机的位置
        *  需要注意的随机数的范围
        *  位置最小是0 最大是290
        *  蛇的大小和食物都是10
        */
       let top=Math.round(Math.random()*29)*10;
       let left=Math.round(Math.random()*29)*10;

       this.element.style.left=left+'px';
       this.element.style.top=top+'px';
    }
}


export default Food;
